<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <style>
        li {
            list-style-type: none;
        }
        .nav-1 {
            float: left;
            padding: 10px;
            /*width: 50px;*/
            border: 1px solid royalblue;
        }
        .nav-1 ul {
            position: absolute;
            display: none;
        }
        .nav-1:hover ul {
            display: block;
        }
        .nav-2 {
            padding: 10px;
            border: 1px solid royalblue;
        }
    </style>
</head>
<body>
    <div class="nav">
        <ul>
            <li class="nav-1"><a href="#">首 页</a></li>
            <li class="nav-1"><a href="liuxw.html" target="_blank">基 金</a></li>
            <li class="nav-1">
                <a href="liuxw.html">工具箱</a>
                <ul>
                    <li class="nav-2"><a href="#">ETL转换简易生成器</a></li>
                    <li class="nav-2"><a href="#">存储过程生成器</a></li>
                </ul>
            </li>
            <li class="nav-1"><a href="jsplumb.html">jsPlumb</a></li>
        </ul>
    </div>
</body>
</html>